.LoginOrReGisterContainer {
  width: 100vw;
  height: 100vh;
  color: #303133;
  background-color: #d8eee2;
  background-image:
    radial-gradient(closest-side, #30cfd0, rgba(235, 105, 78, 0)),
    radial-gradient(closest-side, #52aea3, rgba(243, 11, 164, 0)),
    radial-gradient(closest-side, #fff1eb, rgba(254, 234, 131, 0)),
    radial-gradient(closest-side, #fed6e3, rgba(170, 142, 245, 0)),
    radial-gradient(closest-side, #a8edea, rgba(248, 192, 147, 0));
  background-size:
    130vmax 130vmax,
    80vmax 80vmax,
    90vmax 90vmax,
    110vmax 110vmax,
    90vmax 90vmax;
  background-position:
    -80vmax -80vmax,
    60vmax -30vmax,
    10vmax 10vmax,
    -30vmax -10vmax,
    50vmax 50vmax;
  background-repeat: no-repeat;
  animation: 8s movement linear infinite;
}
:deep(.el-form-item) {
  margin-bottom: 15px !important;

  .el-input__wrapper,
  .el-select__wrapper {
    background-color: rgb(255, 255, 255, 0.3) !important;
    backdrop-filter: blur(10px);
    border-radius: 5px !important;
    border: none !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
  }

  .el-input-group__append {
    background-color: transparent !important;
    box-shadow: none !important;
  }

  .el-input__inner,
  .el-select__placeholder,
  .el-checkbox__label {
    color: #303133 !important;
  }

  .el-input,
  .el-select,
  .el-select__wrapper {
    height: 40px !important;
  }
}
